<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$eyou.field.seo_title}</title>
<meta name="description" content="{$eyou.field.seo_description}" />
<meta name="keywords" content="{$eyou.field.seo_keywords}" />
<link href="{eyou:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="applicable-device"content="pc,mobile">
{eyou:static file="skin/css/bootstrap.css" /}
{eyou:static file="skin/css/bxslider.css" /}
{eyou:static file="skin/css/style.css" /}
{eyou:static file="skin/js/jquery.min.js" /}
{eyou:static file="skin/js/bxslider.min.js" /}
{eyou:static file="skin/js/common.js" /}
{eyou:static file="skin/js/bootstrap.js" /}
<!--[if lt IE 9]>
{eyou:static file="skin/js/html5shiv.min.js" /}
{eyou:static file="skin/js/respond.min.js" /}
<![endif]-->
{eyou:static file="skin/css/lightbox.css" /}
{eyou:static file="skin/js/lightbox.js" /}
<script type="text/javascript">
	$(document).ready(function(){
		$('.showpic_flash').bxSlider({
		  pagerCustom: '#pic-page',
		   adaptiveHeight: true,
		});

	});
</script>
</head>
<body id="product">
{eyou:include file="header.htm" /}
<div class="page_bg" style="background: url({eyou:ad aid='3'}{$field.litpic}{/eyou:ad}) center top no-repeat;"></div>
<!-- main -->
<div class="container">
  <div class="row"><!-- right -->
    <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
      <div class="list_box">
        <h2 class="left_h2">{$eyou.field.typename}</h2>
        <!-- showpic -->
        <div class="col-sm-12 col-md-6 showpic_box">
          <ul class="showpic_flash">
            {eyou:volist name="$eyou.field.image_list"}
            <li><a class="example-image-link" href="{$field.image_url}" data-lightbox="example-set" target="_blank"><img class="example-image" src="{$field.image_url}" alt="{$eyou.field.title}"/></a></li>
            {/eyou:volist}
          </ul>
          <div id="pic-page"> {eyou:volist name="$eyou.field.image_list"} <a data-slide-index="{$key}" href="{$field.image_url}"><img src="{$field.image_url}" alt="{$eyou.field.title}" /></a> {/eyou:volist} </div>
        </div>
        <!-- product_info -->
        <div class="col-sm-12 col-md-6 proinfo_box">
          <h1 class="product_h1">{$eyou.field.title}</h1>
          <ul class="product_info">
            {eyou:volist name="$eyou.field.attr_list"}
            <li>{$field.attr_name}:{$field.attr_value}</li>
            {/eyou:volist}
            <li>
                <a href="http://wpa.qq.com/msgrd?v=3&site={eyou:global name='web_name' /}&menu=yes&uin={eyou:global name='web_attr_7' /}" class="btn btn-danger"><span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span> {eyou:lang name='lang63' /}</a>
            </li>
          </ul>
        </div>
        <div class="product_con">
          {$eyou.field.content} 
        </div>
        <div class="point">
        <span class="to_prev col-xs-12 col-sm-6 col-md-6">
        {eyou:prenext get='pre'}
        <a href="{$field.arcurl}" title="{$field.title}"> {eyou:lang name='sys11' /}：{$field.title} </a>
        {eyou:else /}
        <a >{eyou:lang name='sys11' /}：{eyou:lang name='sys10' /}</a>
        {/eyou:prenext}
        </span>
        <span class="to_next col-xs-12 col-sm-6 col-md-6">
        {eyou:prenext get='next'}
        <a href="{$field.arcurl}" title="{$field.title}"> {eyou:lang name='sys12' /}：{$field.title} </a>
        {eyou:else /}
        <a>{eyou:lang name='sys12' /}：{eyou:lang name='sys10' /}</a>
        {/eyou:prenext}
        </span>
        </div>
      </div>
      <div class="list_related">
        <h2 class="left_h2">{eyou:lang name='lang65' /}</h2>
        <div class="product_list related_list">
         {eyou:arclist titlelen='20' orderby='rand' row='4' flag='c' typeid='2'}
          <div class="col-sm-4 col-md-3 col-mm-6 product_img"><a href="{$field.arcurl}"><img  src="{$field.litpic}" class="img-thumbnail" alt="{$field.title}"/></a>
            <p class="product_title"><a href="{$field.arcurl}">{$field.title}</a></p>
          </div>
         {/eyou:arclist} 
        </div>
      </div>
    </div>
    <!-- left -->
    {eyou:include file="left.htm" /}
  </div>
</div>
{eyou:include file="footer.htm" /}
</body>
</html>
